
// // 获取导航栏元素
// const navbar = document.getElementById('navbar');
// let lastScrollTop = 0;

// // 监听页面滚动事件
// window.addEventListener('scroll', function() {
//     let scrollTop = window.pageYOffset || document.documentElement.scrollTop;

//     // 判断滚动方向
//     if (scrollTop > lastScrollTop) {
//         // 向下滚动，隐藏导航栏
//         navbar.style.transform = 'translateY(-100%)';
//     } else {
//         // 向上滚动，显示导航栏
//         navbar.style.transform = 'translateY(0)';
//     }

//     lastScrollTop = scrollTop <= 0 ? 0 : scrollTop; // 确保scrollTop不为负值
// });



// 获取导航栏元素
const navbar = document.getElementById('navbar');
let lastScrollTop = 0;
let scrollDistanceUp = 50; // 向上滚动的滚动距离
let scrollDistanceDown = 30; // 向下滚动的滚动距离
let sensitivityUp = 50; // 向上滚动的滚动距离灵敏度阈值
let sensitivityDown = 30; // 向下滚动的滚动距离灵敏度阈值

// 监听页面滚动事件
window.addEventListener('scroll', function () {
    let scrollTop = window.pageYOffset || document.documentElement.scrollTop;

    // 判断滚动方向
    if (scrollTop > lastScrollTop) {
        // 向下滚动
        scrollDistanceDown += Math.abs(scrollTop - lastScrollTop);

        if (scrollDistanceDown > sensitivityDown) {
            // 向下滚动，隐藏导航栏
            navbar.style.transform = 'translateY(-100%)';
            scrollDistanceDown = 0; // 重置向下滚动的滚动距离
        }
    } else {
        // 向上滚动
        scrollDistanceUp += Math.abs(scrollTop - lastScrollTop);

        if (scrollDistanceUp > sensitivityUp) {
            // 向上滚动，显示导航栏
            navbar.style.transform = 'translateY(0)';
            scrollDistanceUp = 0; // 重置向上滚动的滚动距离
        }
    }

    lastScrollTop = scrollTop <= 0 ? 0 : scrollTop; // 确保scrollTop不为负值
});
